<template>
  <div class="home"></div>
</template>

<script lang="ts">
import { defineComponent, onBeforeMount, ref } from "vue";
import { getCode } from "@/utils/https";

// 定义响应数据结构
interface ApiResponse {
  code: number;
  count: number;
  data: any[]; // 使用any[]或更具体的类型
  mag: string;
}

interface DataItem {
  // 根据实际data数组中的字段定义
  id: number;
  title: string;
  // 其他字段...
}

export default defineComponent({
  setup() {
    const teasData = ref<DataItem[] | null>(null);

    onBeforeMount(() => {
      getCode<ApiResponse>()
        .then((res) => {
          if (res.code === 200 && res.data) {
            // 类型断言转换为DataItem[]
            teasData.value = res.data as DataItem[];
            console.log(teasData.value);
          }
        })
        .catch((err) => {
          console.error(err);
        });
    });

    return { teasData };
  },
});
</script>
